<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css/app.css">
</head>
<body>
    <div id="root">
        <!-- 左侧结构 start -->
        <div class="left col-xs-2">
            <div class="logo">
                <!-- img-responsive 图片最大宽度为父级元素的 100% -->
                <img class="img-responsive" src="./images/logo.png" alt="">
            </div>            
            <hr>
            <div class="menu">
                <div class="list-group">
                    <a href="#" class="list-group-item active">
                      图书管理
                    </a>
                    <a href="#" class="list-group-item">用户管理</a>
                </div>
            </div>
        </div>
        <!-- 左侧结构 end -->

        <!-- 右侧结构 -->
        <div class="right col-xs-10 no-padding">
            <!-- 顶部导航 -->
            <div class="top-menu text-right">
                <span>XIAO-HIGH</span> &nbsp;&nbsp;
                <span>退出</span>
            </div>

            <!-- 主题内容 -->
            <div class="content">
                <h2>添加图书</h2>
                <hr>
                <div class="form">
                    <form class="form-horizontal" method="post" enctype="multipart/form-data">
                        <div class="form-group">
                          <label for="inputEmail3" class="col-sm-2 control-label">书籍名称</label>
                          <div class="col-sm-10">
                            <input type="text" name="name" class="form-control" id="inputEmail3" >
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="inputPassword3" class="col-sm-2 control-label">作者</label>
                          <div class="col-sm-10">
                            <input type="text" name="author" class="form-control" id="inputPassword3">
                          </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">价格</label>
                            <div class="col-sm-10">
                              <input type="text" name="price" class="form-control" id="inputPassword3">
                            </div>
                          </div>

                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">出版社</label>
                            <div class="col-sm-10">
                              <input type="text" name="cbs" class="form-control" id="inputPassword3">
                            </div>
                          </div>

                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">简介</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" name="intro" rows="3"></textarea>
                            </div>
                          </div>

                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">封面</label>
                            <div class="col-sm-10">
                              <input type="file" name="img"  id="inputPassword3">
                            </div>
                        </div>
                        <hr>
                        <div class="form-group">
                          <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-primary">添加图书</button>
                          </div>
                        </div>
                      </form>
                </div>
            </div>
        </div>
    </div>
    <script src="./bootstrap/js/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.js"></script>
</body>
</html>